body {
	background-color: #fafafa;
}
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 90px;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	.logo {
		width: 268px;
		height: 35px;
	}
	nav {
		display: flex;
		li {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 0 17.5px;
			color: #222;
			height: 90px;
			justify-content: center;
			.zh {
				font-size: 16px;
				line-height: 26px;
			}
			.en {
				font-size: 14px;
				line-height: 24px;
			}
		}
	}
	.mobile {
		display: flex;
		align-items: center;
		.icon {
			width: 29px;
			height: 29px;
		}
		.text {
			font-size: 24px;
			font-weight: bold;
			color: #be0000;
		}
	}
}
.banner {
	width: 100%;
}
.project {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 23px 0 27px;
	.item {
		display: flex;
		.icon {
			width: 47px;
			height: 47px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 12px;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.right {
			margin-left: 10px;
			h4 {
				font-size: 18px;
				line-height: 28px;
				color: #222;
			}
			ul {
				display: flex;
				flex-wrap: wrap;
				max-width: 174px;
				margin-left: -8px;
				li {
					font-size: 14px;
					line-height: 18px;
					color: #222;
					margin: 0 8px;
				}
			}
		}
	}
}
.divide {
	width: 100%;
	height: 2px;
	background-color: #eee;
}
.images {
	max-width: 1200px;
	padding: 40px 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
	li {
		width: 383px;
		height: 200px;
		img {
			width: 100%;
			height: 100%;
		}
	}
}
.news {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 6px auto 26px;
	& > li {
		display: flex;
		flex-direction: column;
		align-items: center;
		.news-zh {
			font-size: 26px;
			line-height: 36px;
			color: #777;
		}
		.news-en {
			font-size: 14px;
			line-height: 24px;
			color: #b1b1b1;
		}
		.news-divide {
			width: 88px;
			height: 1px;
			background-color: #c9c9c9;
			margin-top: 13px;
		}
		> ul {
			margin-top: 3px;
			> li {
				display: flex;
				align-items: center;
				padding: 12px 0;
				.news-label {
					width: 40px;
					height: 40px;
					background-color: #b8b8b8;
					border-radius: 50%;
					font-size: 14px;
					color: #fff;
					line-height: 40px;
					text-align: center;
					&.active {
						background-color: #ffe119;
						color: #121212;
					}
				}
				.news-right {
					margin-left: 20px;
					.news-title {
						width: 278px;
						font-size: 14px;
						line-height: 22px;
						color: #222;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
					}
					.news-content {
						width: 306px;
						font-size: 14px;
						line-height: 22px;
						color: #9e9d9d;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
					}
				}
			}
		}
		.news-more {
			font-size: 14px;
			line-height: 24px;
			color: #e60012;
			cursor: pointer;
			padding: 17px;
			margin-top: 18px;
		}
	}
}
.service {
	box-sizing: border-box;
	max-width: 1620px;
	width: 100%;
	height: 330px;
	padding: 21px 0 37px;
	background-color: #b2def4;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	> h4 {
		font-size: 30px;
		line-height: 50px;
		font-weight: bold;
		color: #004c9a;
	}
	.service-content {
		font-size: 20px;
		line-height: 40px;
		font-weight: bold;
	}
	.service-divide {
		width: 1200px;
		height: 3px;
		border-bottom: 1px dashed #949494;
	}
	.service-free {
		font-size: 14px;
		line-height: 24px;
		color: #0f243a;
		padding: 13px 0;
	}
	.service-info {
		display: flex;
		padding: 11px 0;
		.service-info-item {
			padding: 0 30px;
			label {
				font-size: 14px;
				color: #0f243a;
				margin-right: 10px;
			}
			input {
				box-sizing: border-box;
				border: none;
				outline: none;
				width: 150px;
				height: 35px;
				padding: 0 10px;
				background-color: #fff;
			}
		}
	}
	.service-action {
		width: 100px;
		height: 40px;
		background-color: #428bca;
		border-radius: 5px;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		margin-top: 20px;
		cursor: pointer;
	}
}
.overseas {
	max-width: 1680px;
	margin: 0 auto;
	.header {
		padding: 30px 0 20px;
		text-align: center;

		.overseas-zh {
			font-size: 30px;
			line-height: 40px;
			color: #2c2d2d;
		}
		.overseas-cn {
			font-size: 18px;
			line-height: 28px;
			color: #aaa;
		}
		.overseas-header-divide {
			display: inline-block;
			width: 93px;
			height: 1px;
			background-color: #bfbfbf;
			margin-top: 15px;
		}
		.overseas-desc {
			font-size: 14px;
			line-height: 30px;
			color: #979898;
		}
	}
	.afterService {
		box-sizing: border-box;
		width: 100%;
		height: 500px;
		padding: 62px 77px;
		background-image: url('../images/afterService.webp');
		background-size: 100% 100%;
		background-position: center;
		.afterService-wrap {
			max-width: 1200px;
			margin: 0 auto;
			.afterService-zh {
				font-size: 30px;
				line-height: 40px;
				color: #fff;
				> span {
					color: #ffb830;
					margin-left: 10px;
				}
			}
			.afterService-cn {
				font-size: 16px;
				line-height: 26px;
				color: #fff;
			}
			.afterService-desc {
				font-size: 14px;
				line-height: 24px;
				color: #fff;
				opacity: 0.8;
				margin-top: 30px;
			}
			> ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin-top: 57px;
				> li {
					width: 215px;
					height: 40px;
					border: 1px solid #ace8ff;
					text-align: center;
					line-height: 40px;
					font-size: 14px;
					color: #fff;
					margin-top: 20px;
				}
			}
		}
	}
}

.house {
	max-width: 1200px;
	margin: 0 auto;
	padding: 85px 0 58px;
	ul {
		display: flex;
		justify-content: space-between;
		li {
			.header {
				text-align: center;

				.house-zh {
					font-size: 30px;
					line-height: 40px;
					color: #2c2d2d;
				}
				.house-cn {
					font-size: 18px;
					line-height: 28px;
					color: #aaa;
				}
				.house-divide {
					display: inline-block;
					width: 94px;
					height: 1px;
					background-color: #bfbfbf;
					margin-top: 13px;
				}
			}
			.content {
				display: flex;
				margin-top: 20px;
				img {
					width: 128px;
					height: 100px;
				}
				.right {
					margin-left: 20px;
					h3 {
						font-size: 18px;
						line-height: 28px;
						margin-top: -5px;
					}
					.desc {
						width: 406px;
						font-size: 14px;
						line-height: 20px;
						color: #6e6e6e;
						margin-top: 13px;
					}
					> ul {
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						width: 304px;
						li {
							padding-top: 12px;
						}
					}
				}
			}
		}
	}
}
.global {
	max-width: 1680px;
	margin: 0 auto;
	> img {
		width: 100%;
		height: 100%;
	}
}
.cooperation {
	max-width: 1200px;
	margin: 60px auto 65px;
	.header {
		text-align: center;
		> h2 {
			font-size: 30px;
			line-height: 40px;
			color: #222;
		}
		.cooperation-divide {
			display: inline-block;
			width: 120px;
			height: 1px;
			background-color: #bfbfbf;
		}
		.desc {
			font-size: 16px;
			color: #7d7d7d;
			line-height: 26px;
			margin-top: 15px;
			> span {
				color: #08a0e8;
			}
		}
	}
	.content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 55px;
		> img {
			width: 29px;
			height: 56px;
			cursor: pointer;
		}
		ul {
			display: flex;
			align-items: center;
			justify-content: space-between;
			li {
				margin: 0 5px;
				background-color: #fff;
			}
		}
	}
}
.link {
	max-width: 1200px;
	margin: 0 auto 60px;
	.header {
		display: flex;
		align-items: center;
		border-bottom: solid 1px #b5b5b5;
		padding: 10px 0;
		img {
			width: 26px;
			height: 26px;
		}
		> h4 {
			font-size: 20px;
			line-height: 30px;
			color: #343333;
			margin-left: 9px;
		}
	}
	> ul {
		margin-left: 24px;
		margin-top: 10px;
		> li {
			padding: 5px 10px;
			a {
				font-size: 16px;
				color: #7d7d7d;
				line-height: 26px;
				text-decoration: none;
			}
		}
	}
}
footer {
	box-sizing: border-box;
	width: 100%;
	padding: 65px 0 20px;
	height: 380px;
	background-color: #333;
	.top-wrap {
		max-width: 854px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 33px;
		> ul {
			display: flex;

			> li {
				text-align: center;
				margin: 0 25px;
				> h5 {
					font-size: 16px;
					color: #f6f6f6;
					font-weight: normal;
					min-width: 118px;
					line-height: 36px;
					text-align: center;
					border: 1px solid #969696;
					position: relative;
					> img {
						position: absolute;
						bottom: -11px;
						left: 50%;
						transform: translateX(-50%);
					}
				}
				> ul {
					margin-top: 26px;
					> li {
						font-size: 14px;
						color: #7a7a7a;
						position: relative;
						margin-top: 6px;
						padding-bottom: 6px;
						text-align: left;
						&::after {
							content: '';
							display: block;
							position: absolute;
							width: 8px;
							height: 8px;
							background-color: #7a7a7a;
							top: 4px;
							left: -16px;
						}
					}
				}
			}
			.left-ul-1,
			.right-ul-2 {
				margin-left: 25px;
			}
			.left-ul-2,
			.right-ul-1 {
				margin-left: 45px;
			}
		}

		.center {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: -9px;
			> h5 {
				font-size: 16px;
				line-height: 28px;
				color: #f6f6f6;
			}
			> p {
				font-size: 14px;
				color: #7a7a7a;
				line-height: 26px;
			}
			> img {
				width: 134px;
				height: 134px;
				margin-top: 6px;
			}
		}
	}
	.bottom-wrap {
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		padding-top: 24px;
		border-top: 1px solid #535353;
		margin: 0 auto;

		.bottom-wrap-left,
		.bottom-wrap-right {
			p {
				font-size: 14px;
				line-height: 20px;
				color: #7a7a7a;
			}
		}
		.bottom-wrap-right {
			align-self: flex-end;
		}
	}
}
